//webpack 配置文件
const path = require("path")

const htmlWebpackPlugin = require("html-webpack-plugin")

const vueLoaderPlugin = require("vue-loader/lib/plugin")


module.exports = {
    entry:path.join(__dirname,"./src/main.js"),//入口文件配置
    output:{
        path:path.join(__dirname,"./dist"),//出口文件路径
        filename:"bundle.js"//出口文件名称
    },
    plugins:[
        new htmlWebpackPlugin({
            template:path.join(__dirname,'./src/index.html'),//需要转换的文件
            filename:'index.html'//转化后的文件名称
        }),
        new vueLoaderPlugin(),
    ],
    resolve:{
        alias: {
           // "vue$":"vue/dist/vue.js"//更换vue文件引入路径
        }
    },
    module:{
        rules:[
            {test:/\.css$/,use:["style-loader","css-loader"]},//处理.css文件的loader配置
            {test:/\.less$/,use:["style-loader","css-loader","less-loader"]},//处理.less文件的loader配置
            {test:/\.js$/,use:'babel-loader',exclude: /node_modules/},//处理js文件中的高级语法
            {test:/\.vue$/,use:'vue-loader'},//处理.vue文件
            {test:/\.(jpg|png|git|svg|jpeg)$/,use:'url-loader'},//处理css文件中的图片
            {test:/\.(ttf)$/,use:'url-loader'},//处理css文件中的字体图标
        ]
    }
}